<template>
  <div id="app">
    <keep-alive>
      <transition>
        <router-view />
      </transition>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style>
#app {
}
.v-enter {
  opacity: 0;
}

.v-leave-to {
  opacity: 0;
}

.v-enter-active,
.v-leave-active {
  transition: all 3s ease;
}
</style>
